#box {
	width: 100%;
}
#box .top{
	width: 100%;
	height: 1.875rem;
	background-color: #45bd55;
	color: #fff;
	line-height: 1.875rem;
	vertical-align: middle;
	font-size: 0.75rem;
}
#box .top .top-left{
	margin-left: 0.75rem;
}
#box .top .top-right{
	margin-right: 1.875rem;
}
#box .nav{
	position: relative;
	width: 100%;
	height: 5rem;
}
#box .nav .nav-log{
	position: absolute;
	left: 3.125rem;
	top: 0.625rem;
	width: 12.5rem;
}
#box .nav .nav-log img{
	width: 100%;
	height: 100%;
	display: block;
}
#box .nav .nav-right{
	height: 100%;
	position: absolute;
	left: 75rem;
	top: 0rem;
}
#box .nav .nav-right ul li {
	height: 100%;
}
#box .nav .nav-right ul li {
	float: left;
	height: 100%;
	text-align: center;
	line-height: 5rem;
	vertical-align: middle;
	margin-left: 1.875rem;
}
#box .nav .nav-right ul li a {
	font-size: 1rem;
	color: black;
}
#box .nav .nav-right ul li a:hover {
	color: #409eff;
	transition: color 1s;
}
#box .carousel {
	width: 100%;
}
#box .carousel img {
	width: 100%;
	display: block;
}
#box .container {
	width: 100%;
}
#box .container .nav-list {
	position: relative;
	width: 100%;
	height: 18.75rem;
	margin-bottom: 2.1875rem;
}
#box .container .nav-list ul {
	position: absolute;
	left: 27.5rem;
	top: -3.8rem;
	z-index: 2;
}
#box .container .nav-list ul li {
	float: left;
	margin-right: 1.25rem;
	/* border: 1px solid #c9c9c9; */
}
#box .container .nav-list ul li .nav-content {
	width: 16.875rem;
	height: 16.375rem;
	background-color: #FFFFFF;
}
#box .container .nav-list ul li .nav-content .content-icon {
	width: 100%;
	height: 5.125rem;
	border-bottom: 0.125rem solid #45db55;
	text-align: center;
	line-height: 5.125rem;
	vertical-align: middle;
}
#box .container .nav-list ul li .nav-content .content-icon {
	font-size: 2rem;
	color: #45DB55;
}
#box .container .nav-list ul li .nav-content .content-words {
	width: 100%;
	height: 11.25rem;
	background-color: #f7f7f7;
	text-align: center;
}
#box .container .nav-list ul li .nav-content .content-words h4{
	text-align: center;
	padding-top: 1.25rem;
	padding-bottom: 1.25rem;
}
#box .container .nav-list ul li .nav-content .content-words p{
	color: #616161;
}
#box .container .box-hotel {
	width: 100%;
}
#box .container  .box-hotel .box-title {
	width: 100%;
	height: 10rem;
	text-align: center;
	line-height: 2rem;
	vertical-align: middle;
}
#box .container  .box-hotel .box-title h2 {
	font-size: 1.875rem;
}
#box .container  .box-hotel .box-title h2>span {
	color: #45BD55;
	margin-right: 0.625rem;
}
#box .container  .box-hotel .box-title .box-title-memo {
	width: 43.75rem;
	margin: 0 auto;
	overflow: hidden;
	-webkit-line-clamp: 2;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	margin-top: 1.25rem;
}
#box .container  .box-hotel .box-content {
	position: relative;
	margin-left: 27.1rem;
	width: 74.5rem;
	overflow: auto;
}
#box .container  .box-hotel .box-content .hotel-item {
	width: 17.5rem;
	/* border: 1px solid #409EFF; */
	margin-bottom: 1.875rem;
	margin-right: 0.625rem;
}
#box .container  .box-hotel .box-content .hotel-item .hotel-item-img {
	display: block;
	width: 100%;
	margin-bottom: 0.9375rem;
}
#box .container  .box-hotel .box-content .hotel-item .hotel-item-title {
	color: #45BD55;
	margin-bottom: 0.9375rem;
}
#box .container  .box-hotel .box-content .hotel-item .hotel-item .hotel-item-content {
	text-align: left;
	font-size: 0.8rem;
	color: #616161;
	line-height: 1.5rem;
	overflow: hidden;
	-webkit-line-clamp: 4;
	display: -webkit-box;
	-webkit-box-orient: vertical;
}
.bg-gray {
	background-color: #f0f0f0;
}
.pd {
	padding-top: 4.6875rem;
}
#box .container .box-hotel .box-content .big {
	width: 24.2rem;
}
#box .container .box-hotel .box-content .box-content-left {
	width: 35.5rem;
	margin-right: 1.875rem;
}
#box .container .box-hotel .box-content .box-content-right {
	width: 35.5rem;
}
#box .container .box-hotel .box-content .box-content-right img{
	width: 100%;
	display: block;
}
#box .container .box-hotel .box-content .box-content-left title {
	text-align: left;
	font-size: 0.875rem;
	word-spacing: 0.25rem;
}
#box .container .box-hotel .box-content .box-content-left .option li {
	margin-top: 1.25rem;
	margin-left: 0.625rem;
	width: 100%;
}
#box .container .box-hotel .box-content .box-content-left .option li i {
	color: #45BD55;
	font-size: 1.25rem;
	margin-right: 0.625rem;
}
#box .container .box-buttom {
	width: 100%;
	height: 23.75rem;
	text-align: center;
	position: relative;
}
#box .container .box-buttom ul {
	position: absolute;
	left: 26.875rem;
	top: 5.625rem;
}
#box .container .box-buttom ul>li {
	float: left;
	width: 19.7rem;
	border: 1px solid #45BD55;
}
#box .container .box-buttom ul>li h4 {
	color: #45BD55;
	margin-bottom: 0.625rem;
}
#box .container .box-buttom ul>li p {
	width: 100%;
}
#box .container .box-buttom ul>li p a {
	color: #FFFFFF;
	margin-bottom: 0.5rem;
	font-size: 0.875rem;
	word-wrap: 0.25rem;
}
.mg {
	margin-top: 6.25rem;
}
#box .container .box-buttom ul>li p a:hover {
	color: #45BD55;
}
#box .container .box-buttom .foot {
	position: absolute;
	width: 75rem;
	left: 22rem;
	top: 18.75rem;
	color: #FFFFFF;
	height: 2rem;
	line-height: 2rem;
	vertical-align: middle;
}
.font-icons {
	color: #FFFFFF;
}
.font-icons i {
	font-size: 0.875rem;
	width: 2rem;
	height: 2rem;
	border: 0.0625rem solid #FFFFFF;
	margin-right: 0.625rem;
}

